<template>
	<div class="app-container">
		<el-form ref="teaData" :model="teaData" label-width="110px">
			<el-form-item label="教材名称：">
			  {{teaData.textbook_name}}
			</el-form-item>
			<el-form-item label="教材出版社 ： ">
			  {{teaData.textbook_house}}
			</el-form-item>
			<el-form-item label="出版日期：">
			  {{teaData.public_date}}
			</el-form-item>
			<el-form-item label="章节内容：">
			</el-form-item>
			<div class="box">
				<el-tree :data="tree" :props="defaultProps"></el-tree>
			</div>
		</el-form>
	</div>
</template>

<script>
export default {
	components:{
		
	},
	data() {
		return{
			defaultProps: {
			          children: 'children',
			          label: 'label'
			        }
		}
	},
	created() {
		
	},
	methods:{
		
	},
	props:{
		teaData:{
			type:Object,
			default:{}
		},
		tree:{
			type:Array,
			default:[]
		}
	}
}
</script>

<style scoped="">
	/deep/ .el-form-item{
		margin-bottom: 0px;
	}
	.box{
		border: 1px solid #000000;
		padding: 20px;
	}
</style>
